@charset "utf-8";
* { list-style:none; margin: 0; padding: 0;}
body { min-width:1200px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif !important; font-size:12px; color:#333; margin:0 auto; padding:0; background: #f5f7fa;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none;}
img { border:0;}
.clear { clear:both;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input { outline:none;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#666;} 
:-moz-placeholder { color:#666;} 
::-moz-placeholder { color:#666;}
:-ms-input-placeholder { color:#666;}


/*登录注册*/
.login { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: url(../images/lg01.jpg) no-repeat center / cover; position: relative;}
.login .logo { width: 250px; height: 55px; position: absolute; left: 5%; top: 20px; z-index: 9;}
.login .logo img { display: block; width: 250px; height: 55px;}
.login .conts { width: 1000px; height: 500px; border-radius: 10px; overflow: hidden; background: #fff;}
.login .conts .imgs { float: left; width: 380px; height: calc(100% - 100px); padding: 50px 60px; background: #f03b3c url(../images/lg02.jpg) no-repeat left bottom / 100%;}
.login .conts .imgs h3 { line-height: 35px; font-size: 30px; color: #fff;}
.login .conts .imgs p { line-height: 30px; font-size: 16px; color: #fff;}
.login .conts .msgs { display: flex; flex-direction: row; justify-content: center; align-items: center; float: right; width: 500px; height: 500px;}
.login .conts .msgs .nr { width: 340px;}
.login .conts .msgs .nr h3 { height: 45px; line-height: 45px; font-size: 30px; color: #c33b41; text-align: center; letter-spacing: 2px; margin-bottom: 30px;}
.login .conts .msgs .nr li { width: 100%; margin-bottom: 10px;}
.login .conts .msgs .nr li label { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333;}
.login .conts .msgs .nr li input { display: block; width: calc(100% - 52px); height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 10px 0 40px; border: 1px solid #eee; background-color: #fff; background-repeat: no-repeat; background-position: 10px center;}
.login .conts .msgs .nr .zh input { background-image: url(../images/lg03.png);}
.login .conts .msgs .nr .mm input { background-image: url(../images/lg04.png);}
.login .conts .msgs .nr .yz input { float: left; width: calc(100% - 222px); background-image: url(../images/lg05.png);}
.login .conts .msgs .nr .yz img { display: block; float: right; width: 160px; height: 40px; border: 1px solid #eee;}
.login .conts .msgs .nr .layui-btns { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; margin-top: 30px; border: none; border-radius: 4px; overflow: hidden; background: #c33b41; -webkit-transition: all .5s ease; transition: all .5s ease;}
.login .conts .msgs .nr .layui-btns:hover { border-radius: 8px;}
.login .foot { width: 100%; height: 35px; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 9;}
.login .foot span { display: inline-block; line-height: 35px; font-size: 14px; color: #999; margin-right: 25px;}
.login .foot span a { color: #999;}
.login .foot span:last-child { margin-right: 0;}


/****个人工作台****/
/*左侧*/
.mylft { float: left; width: 240px; height: 100vh; background: #f5f7fa;}
.mylft .logo { width: 100%; height: 40px; padding: 5px 0; background: #c33b41;}
.mylft .logo img { display: block; height: 100%; margin: 0 auto; filter: grayscale(100) brightness(100);}
.mylft .topimg { margin: 15px 0; padding: 10px 10px 20px 10px; border-bottom: 1px solid #e9edf4;}
.mylft .topimg .img { width: 100px; height: 100px; margin: 0 auto; border: 2px solid #fff; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #eee;}
.mylft .topimg .img img { display: block; width: 100px; height: 100px;}
.mylft .topimg h3 { height: 35px; line-height: 35px; font-size: 18px; color: #333; text-align: center; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mylft .list { padding: 10px;}
.mylft .list li { height: 45px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mylft .list li a { display: block; line-height: 45px; font-size: 16px; color: #333; padding: 0 25px 0 50px; background-repeat: no-repeat; background-position: 15px center; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mylft .list li a::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #c33b41; border-right: 1px solid #c33b41; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mylft .list li:hover,
.mylft .list .on { background: #c33b41;}
.mylft .list li:hover a,
.mylft .list .on a { color: #fff;}
.mylft .list .on a { font-weight: bold;}
.mylft .list li:hover a::after,
.mylft .list .on a::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}
.mylft .list .icn01 a { background-image: url(../images/xy07.png);}
.mylft .list .icn01:hover a,
.mylft .list .icn01.on a { background-image: url(../images/xy07h.png);}
.mylft .list .icn02 a { background-image: url(../images/xy08.png);}
.mylft .list .icn02:hover a,
.mylft .list .icn02.on a { background-image: url(../images/xy08h.png);}
.mylft .list .icn03 a { background-image: url(../images/xy09.png);}
.mylft .list .icn03:hover a,
.mylft .list .icn03.on a { background-image: url(../images/xy09h.png);}
.mylft .list .icn04 a { background-image: url(../images/xy10.png);}
.mylft .list .icn04:hover a,
.mylft .list .icn04.on a { background-image: url(../images/xy10h.png);}

.mylft .list .icn000 a { background-image: url(../images/xy000.png);}
.mylft .list .icn000:hover a,
.mylft .list .icn000.on a { background-image: url(../images/xy000h.png);}
.mylft .list .icn001 a { background-image: url(../images/xy001.png);}
.mylft .list .icn001:hover a,
.mylft .list .icn001.on a { background-image: url(../images/xy001h.png);}
.mylft .list .icn002 a { background-image: url(../images/xy002.png);}
.mylft .list .icn002:hover a,
.mylft .list .icn002.on a { background-image: url(../images/xy002h.png);}
.mylft .list .icn003 a { background-image: url(../images/xy003.png);}
.mylft .list .icn003:hover a,
.mylft .list .icn003.on a { background-image: url(../images/xy003h.png);}
.mylft .list .icn004 a { background-image: url(../images/xy004.png);}
.mylft .list .icn004:hover a,
.mylft .list .icn004.on a { background-image: url(../images/xy004h.png);}
.mylft .list .icn005 a { background-image: url(../images/xy005.png);}
.mylft .list .icn005:hover a,
.mylft .list .icn005.on a { background-image: url(../images/xy005h.png);}
.mylft .list .icn006 a { background-image: url(../images/xy006.png);}
.mylft .list .icn006:hover a,
.mylft .list .icn006.on a { background-image: url(../images/xy006h.png);}


/*右侧*/
.myrgt { float: right; width: calc(100% - 240px); height: 100vh; background: #fff;}
.myrgt .head { width: calc(100% - 30px); height: 50px; padding: 0 15px; background: #c33b41; position: relative; z-index: 999;}
.myrgt .head .name { float: right; position: relative;}
.myrgt .head .name span { display: block; height: 50px; line-height: 50px; font-size: 14px; color: #fff; padding-right: 15px; position: relative;}
.myrgt .head .name span::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 5px 0 5px; -webkit-transform-origin: 50%; transform-origin: 50%; border-color: #fff transparent transparent transparent; position: absolute; right: 0; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.myrgt .head .name p { display: none; width: 100px; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #fff; position: absolute; top: 50px; right: 0;}
.myrgt .head .name p a { display: block; width: calc(100% - 20px); height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center; padding: 0 10px; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.myrgt .head .name p a:last-child { border-bottom: none;}
.myrgt .head .name p a:hover { background: #f5f7fa;}
.myrgt .head .name:hover span::after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.myrgt .head .name:hover p { display: block;}
.myrgt .foot { width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; text-align: center;}
.myrgt .foot a { color: #999;}
.myrgt .mains { width: calc(100% - 30px); height: calc(100vh - 135px); padding: 15px; overflow: hidden; overflow-y: scroll;}
.myrgt .choose { width: calc(100% - 30px); padding: 10px 15px; margin-bottom: 15px; background: #f5f7fa;}
.myrgt .choose .layui-form-item,
.myrgt .choose .layui-form-item .layui-inline { margin-bottom: 0;}
.myrgt .choose .layui-form-item .layui-inline .layui-input-inline { margin-right: 0;}
.myrgt .choose .layui-form-item .layui-form-label { width: auto; height: 45px; line-height: 45px; font-size: 14px; padding: 0;}
.myrgt .choose .layui-form-item .layui-input { height: 45px; line-height: 45px; font-size: 14px;}
.myrgt .choose .layui-form-item .layui-form-select dl { padding: 0; top: 45px;}
.myrgt .choose .layui-form-item .layui-form-select dl dd.layui-this { background: #c33b41;}
.myrgt .choose .layui-form-item .layui-btn { height: 45px; line-height: 45px; font-size: 14px; margin: 0;}
.myrgt .table-body { width: calc(100% - 20px); padding: 10px; background: #f5f7fa;}
.myrgt .table-body .layui-table-view { margin: 0; height: 675px !important; background: #fff;}
.myrgt .table-body .layui-table thead tr { background: #fcfdff;}
.myrgt .table-body .layui-table .layui-table-cell { height: 50px; padding: 10px 15px;}

.tabmy { width: calc(100% - 20px); padding: 15px 10px;}
.tabmy h1 { height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; color: #333; padding: 0 0 10px 10px; border-bottom: 1px solid #eee; margin-bottom: 25px;}
.tabmy .layui-form-item .layui-form-label { height: 45px; line-height: 45px; font-size: 14px; padding: 0;}
.tabmy .layui-form-item .layui-input-block { margin-left: 85px;}
.tabmy .layui-form-item .layui-input { height: 45px; line-height: 45px; font-size: 14px;}
.tabmy .layui-form-item .layui-form-select dl { padding: 0; top: 45px;}
.tabmy .layui-form-item .layui-form-select dl dd.layui-this { background: #c33b41;}
.tabmy .layui-form-item .layui-input-inline img { display: block; width: 100px; height: 100px; border: 2px solid #fff; border-radius: 4px; box-shadow: 2px 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #ddd;}
.tabmy .layui-form-item .layui-form-radio { height: 45px; line-height: 45px; margin-top: 0;}
.tabmy .layui-form-item .layui-form-radio i { margin: 1px 4px 0 0;}
.tabmy .layui-form-item .layui-form-radio:hover div,
.tabmy .layui-form-item .layui-form-radio:hover i,
.tabmy .layui-form-item .layui-form-radioed,
.tabmy .layui-form-item .layui-form-radioed i { color: #c33b41;}
.tabmy .layui-form-item .layui-input-block img { display: block; width: 100px;}
.tabmy .layui-form-item .layui-btn { height: 45px; line-height: 45px; font-size: 14px; margin: 0;}
.layui-layer-btn .layui-layer-btn0 { border-color: #c33b41 !important; background-color: #c33b41 !important;}



/*顶部*/
.bdys { width:100%; background:url(../images/xy11.png) no-repeat center top;}
.header { width:100%; /*height:360px;*/ margin-bottom: 65px; position:relative; z-index:1;}
.header .user { width: 100%; height: 35px; padding: 20px 0;}
.header .user li,
.header .user .ur01 { float: right; height: 35px; line-height: 35px; margin-left: 25px;}
.header .user li a { display: block; font-size: 14px; color: #fff; padding-left: 25px; background-repeat: no-repeat; background-position: left center;}
.header .user .ur01 { font-weight: bold; font-size: 14px; color: #fff; padding: 0 20px; border-radius: 20px; background-image: linear-gradient(to right,#fe6342,#ffb120);}
.header .user .ur02 a { background-image: url(../images/xy12.png);}
.header .user .ur03 a { background-image: url(../images/xy13.png);}
.header .logo { display: flex; flex-direction: row; justify-content: center; width: 430px; height: 50px; filter: grayscale(100) brightness(100); margin: 0 auto; padding: 20px 110px; position: relative;}
.header .logo::before,
.header .logo::after { display: block; content: ""; width: 90px; height: 50px; background-repeat: no-repeat; background-position: left center; position: absolute; top: 20px;}
.header .logo::before { background-image: url(../images/xy14.png); left: 0;}
.header .logo::after { background-image: url(../images/xy15.png); right: 0;}
.header .logo img { display: block; height: 50px; margin-right: 15px;}
.header .logo p { line-height: 50px; font-size: 30px; color: #fff; margin-top: -1px; letter-spacing: 6px; text-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.header h1 { height: 100px; line-height: 100px; font-weight: bold; font-size: 64px; color: #fff; letter-spacing: 4px; text-align: center; text-shadow: 2px 2px 0 rgba(0,0,0,0.2);}

/*底部*/
.footer { width: 100%; margin-top: 50px; padding-top: 40px; background: #43454b url(../images/xy16.png) no-repeat left center;}
.footer .lft { float: left; width: 55%; padding: 10px 0; position: relative;}
.footer .lft::after { display: block; content: ""; width: 1px; height: 85%; margin: auto; background: rgba(255,255,255,0.25); position: absolute; right: 0; top: 0; bottom: 0;}
.footer .lft .logo img { display: block; float: left; height: 45px; margin-right: 15px;}
.footer .lft .logo p { float: left; line-height: 40px; font-weight: bold; font-size: 34px; color: #fff; margin-top: 1px; text-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.footer .lft .nr { height: 30px; line-height: 30px; margin-top: 10px;}
.footer .lft .nr a { display: inline-block; font-size: 14px; color: rgba(255,255,255,0.6); margin-right: 20px; position: relative;}
.footer .lft .nr a::after { display: block; content: ""; width: 1px; height: 10px; margin: auto; background: rgba(255,255,255,0.6); position: absolute; right: -12px; top: 12px;}
.footer .lft .nr a:last-child::after { display: none;}
.footer .rgt { float: right; width: 35%;}
.footer .rgt p { line-height: 25px; font-size: 14px; color: #fff;}
.footer .rgt p a { color: #fff;}
.footer .copy { height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; margin-top: 30px; background: rgba(0,0,0,0.15);}
.footer .copy a { color: #fff;}

/*主体*/
.bulks { width: 1160px; min-height: 500px; padding: 20px; margin: 0 auto 40px auto; border-radius: 10px; overflow: hidden; background: #fff;}

.member { width: 100%;}
.member .tabs { width: 100%; margin: 15px 0 40px 0;}
.member .tabs li { float: left; width: calc(100% / 6); height: 30px; line-height: 30px; font-size: 16px; color: #333; text-align: center; padding-top: 100px; background-repeat: no-repeat; background-position: center top;}
.member .tabs li:hover,
.member .tabs li.on { color: #c33b41;}
.member .tabs .tb01 { background-image: url(../images/xy17.png);}
.member .tabs .tb01:hover,
.member .tabs .tb01.on { background-image: url(../images/xy17h.png);}
.member .tabs .tb02 { background-image: url(../images/xy18.png);}
.member .tabs .tb02:hover,
.member .tabs .tb02.on { background-image: url(../images/xy18h.png);}
.member .tabs .tb03 { background-image: url(../images/xy19.png);}
.member .tabs .tb03:hover,
.member .tabs .tb03.on { background-image: url(../images/xy19h.png);}
.member .tabs .tb04 { background-image: url(../images/xy20.png);}
.member .tabs .tb04:hover,
.member .tabs .tb04.on { background-image: url(../images/xy20h.png);}
.member .tabs .tb05 { background-image: url(../images/xy21.png);}
.member .tabs .tb05:hover,
.member .tabs .tb05.on { background-image: url(../images/xy21h.png);}
.member .tabs .tb06 { background-image: url(../images/xy22.png);}
.member .tabs .tb06:hover,
.member .tabs .tb06.on { background-image: url(../images/xy22h.png);}
.member .tits { width: 145px; line-height: 35px; font-weight: bold; font-size: 24px; color: #000; margin: 15px auto 40px auto;}
.member .tits i { display: block; float: left; width: 35px; height: 35px; margin-right: 10px; border-radius: 50%; background: #c33b41 url(../images/xy23.png) no-repeat center; position: relative; top: 1.5px;}

.member .anius { width: 100%; margin-bottom: 15px;}
.member .anius a { display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #666; margin-right: 10px; padding: 0 20px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .anius a:hover { color: #c33b41; border-color: #c33b41;}
.member .anius .on,
.member .anius .on:hover { color: #fff; border-color: #c33b41; background: #c33b41;}
.member .anius .layui-btn { float: left; line-height: 36px;}
 
.member .chose { margin-bottom: 15px; padding: 10px 15px 5px 15px; background: #f8f8f8;}
.member .chose .layui-form-item { line-height: 38px; margin-bottom: 0;}
.member .chose .layui-form-item .layui-form-label { width: auto; height: 38px; line-height: 38px; font-size: 14px; color: #666; padding: 0;}
.member .chose .layui-form-item .layui-input-inline { margin: 0;}
.member .chose .layui-form-item .layui-input,
.member .chose .layui-form-item .layui-textarea { font-size: 14px; color: #666;}
.member .chose .layui-form-item .layui-form-select dl { padding: 0;}
.member .chose .layui-form-item .layui-form-select dl dd.layui-this { background: #c33b41;}
.member .chose .layui-form-item .layui-btn { float: left; line-height: 36px;}

.member .bmlst { width: 100%; margin-bottom: 15px;}
.member .bmlst li { margin-bottom: -1px; padding: 30px 40px; border: 1px solid #eee; border-radius:8px; overflow: hidden;}
.member .bmlst li .lft { float: left; width: 70%;}
.member .bmlst li .lft h3 { line-height: 30px; font-size: 18px; color: #333; padding-left: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .bmlst li .lft h3::after { display: block; content: ""; width: 6px; height: 6px; background: #c33b41; position: absolute; left: 0; top: 14px;}
.member .bmlst li .lft p { height: 80px; line-height: 29px; font-size: 14px; color: #999; padding-left: 15px; overflow: hidden;}
.member .bmlst li .rgt { float: right; max-width: 30%;}
.member .bmlst li .rgt p { line-height: 20px; font-size: 14px; color: #999; text-align: center;}
.member .bmlst li .rgt p span { display: inline-block; margin-left: 60px; position: relative;}
.member .bmlst li .rgt p span::after { display: block; content: ""; width: 1px; height: 35px; background: #eee; position: absolute; left: -31px; top: 10px;}
.member .bmlst li .rgt p span:first-child::after { display: none;}
.member .bmlst li .rgt p span b { display: block; line-height: 30px; font-size: 16px; color: #333;}
.member .bmlst li .rgt a { display: block; float: right; width: 110px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; cursor: pointer; text-align: center; margin-top: 25px; border-radius: 4px; background: #c33b41; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .bmlst li .lft:hover h3 { color: #c33b41;}
.member .bmlst li .rgt a:hover { border-radius: 25px;}

.zgsh .chose { padding: 0; background: none;}
.zgsh .bmlst li .lft p { height: 50px; line-height: 25px;}
.zgsh .bmlst li .lft span { display: inline-block; line-height: 30px; font-size: 16px; color: #333; margin: 0 15px;}

.member .shenbao { width: 100%;}
.member .shenbao .top { width: 100%; height: 50px; line-height: 50px; margin-bottom: 25px; border-bottom: 1px solid #eee;}
.member .shenbao .top a { display: inline-block; line-height: 50px; font-size: 18px; color: #333; margin-right: 50px; position: relative;}
.member .shenbao .top a::after { display: block; content: ""; width: 0%; height: 3px; margin: auto; background: #c33b41; position: absolute; left: 0; right: 0; bottom: -1px;}
.member .shenbao .top .on::after { width: 100%;}
.member .shenbao .nrmsg { padding: 20px 30px; background: #fafbfd;}
.member .shenbao .nrmsg h3 { line-height: 30px; font-weight: bold; font-size: 18px; color: #333; margin-bottom: 15px;}
.member .shenbao .nrmsg .lh { color: #999;}
.member .shenbao .nrmsg .layui-form-item,
.member .shenbao .layui-form-radio { line-height: 30px; margin: 0;}
.member .shenbao .layui-form-radio > i { display: block; float: left; height: 20px; line-height: 20px; font-size: 18px; margin-top: 6px;}
.member .shenbao .layui-form-radio:hover *,
.member .shenbao .layui-form-radioed,
.member .shenbao .layui-form-radioed > i { color: #c33b41;}
.member .shenbao .tips { height: 30px; line-height: 30px; font-size: 14px; color: #999; margin-top: 15px; padding: 0 30px;}
.member .shenbao .result { width: 100%; text-align: center; margin-top: 40px; padding-top: 155px; background: url(../images/xy27.png) no-repeat center top / 140px;}
.member .shenbao .result h3 { line-height: 35px; font-size: 22px; color: #333; letter-spacing: 2px; margin-bottom: 50px;}
.member .shenbao .btaniu { text-align: center; margin-top: 25px;}
.member .shenbao .btaniu .layui-btn { display: inline-block !important; height: 50px !important; line-height: 50px !important; font-size: 16px; padding: 0 40px; margin: 0 10px !important;}
.member .shenbao .btaniu .layui-btn-primary:hover { color: #c33b41; border-color: #c33b41;}

.member .shenbao .review { width: 100%;}
.member .shenbao .review .navs { float: left; width: 185px; padding-left: 20px; position: relative;}
.member .shenbao .review .navs::after { display: block; content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; left: 5px; top: 0;}
.member .shenbao .review .navs .bmtab { display: block; line-height: 25px; font-size: 14px; color: #333; margin-bottom: 25px; position: relative; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .shenbao .review .navs .bmtab::after { display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ddd; position: absolute; left: -18px; top: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .shenbao .review .navs .bmtab:hover,
.member .shenbao .review .navs .on { color: #c33b41;}
.member .shenbao .review .navs .on::after,
.member .shenbao .review .navs .bmtab:hover::after { background: #c33b41;}
.member .shenbao .review .comnr { float: right; width: calc(100% - 290px); min-height: 610px; padding: 20px 30px; background: #fafbfd;}
.member .shenbao .review .comnr h1 { height: 25px; margin-bottom: 25px; position: relative;}
.member .shenbao .review .comnr h1::after { display: block; content: ""; width: 75px; height: 6px; background: #c33b41; position: absolute; left: 0; bottom: 0;}
.member .shenbao .review .comnr h1 span { display: block; line-height: 25px; font-weight: bold; font-size: 18px; color: #000; position: relative; z-index: 2;}
.member .shenbao .review .comnr .msg { width: 100%;}
.member .shenbao .review .comnr .layui-form-item { line-height: 38px; margin-bottom: 10px;}
.member .shenbao .review .comnr .layui-form-item .layui-inline { float: left; width: calc(50% - 15px); margin-right: 30px;}
.member .shenbao .review .comnr .layui-form-item .layui-inline:nth-child(2) { margin-right: 0;}
.member .shenbao .review .comnr .layui-form-item .layui-form-label { width: 75px; height: 38px; line-height: 38px; font-size: 14px; color: #666; text-align: left; padding: 0;}
.member .shenbao .review .comnr .layui-form-item .layui-form-label i { display: block; float: left; font-style: normal; font-size: 14px; color: #e00; margin: 1px 3px 0 0;}
.member .shenbao .review .comnr .layui-form-item .layui-input-inline { width: calc(100% - 75px); margin: 0;}
.member .shenbao .review .comnr .layui-form-item .layui-input,
.member .shenbao .review .comnr .layui-form-item .layui-textarea { font-size: 14px; color: #666;}
.member .shenbao .review .comnr .layui-form-item .layui-form-select dl { padding: 0;}
.member .shenbao .review .comnr .layui-form-item .layui-form-select dl dd.layui-this { background: #c33b41;}
.member .shenbao .review .comnr .layui-form-item .layui-btn { float: left; line-height: 36px;}
.member .shenbao .review .comnr .layui-form-item .wth100 { width: 100%; margin-right: 0;}
.member .shenbao .review .comnr .layui-form-item .wth100 .layui-form-label { width: 330px;}
.member .shenbao .review .comnr .layui-form-item .wth100 .layui-input-inline { width: calc(100% - 330px);} 
.member .shenbao .review .comnr .layui-form-item .duan .layui-form-label { width: 90px;}
.member .shenbao .review .comnr .layui-form-item .duan .layui-input-inline { width: calc(100% - 90px);}
.member .shenbao .review .comnr .layui-form-item .zhong .layui-form-label { width: 125px;}
.member .shenbao .review .comnr .layui-form-item .zhong .layui-input-inline { width: calc(100% - 125px);}
.member .shenbao .review .comnr .layui-form-item .chang .layui-form-label { width: 145px;}
.member .shenbao .review .comnr .layui-form-item .chang .layui-input-inline { width: calc(100% - 145px);}
.member .shenbao .review .comnr .layui-form-item .nian .layui-form-label { width: 210px;}
.member .shenbao .review .comnr .layui-form-item .nian .layui-input-inline { width: calc(100% - 210px);}
.member .shenbao .review .comnr .layui-form-item .nian .layui-input-inline .layui-input { float: left; width: 80%; margin-right: 10px;}
.member .shenbao .review .comnr .zhi { margin-bottom: 15px;}
.member .shenbao .review .comnr .zhi .layui-form-label { width: auto; margin-right: 10px;}
.member .shenbao .review .comnr .zhi .layui-input-inline,
.member .shenbao .review .comnr .zhi .layui-input-block { float: left; width: auto; margin: 0;}
.member .shenbao .review .comnr .zhi .layui-input-block { margin-right: 10px;}
.member .shenbao .review .comnr .zhi .layui-btn { float: left; height: 36px; line-height: 34px; color: #666; padding: 0 15px; margin-top: 0; border: 1px solid #e6e6e6; border-radius: 4px; background: #eee;}
.member .shenbao .review .comnr .zhi .layui-btn i { display: block; float: left; height: 15px; line-height: 15px; margin-top: 11px;}
.member .shenbao .review .comnr .youtu { float: left; width: calc(100% - 290px);}
.member .shenbao .review .comnr .youtu .layui-form-radio { margin-top: 0;}
.member .shenbao .review .comnr .youtu .layui-form-radio > i { float: left; font-size: 18px;}
.member .shenbao .review .comnr .youtu .wth100 .layui-form-label { width: 70px;}
.member .shenbao .review .comnr .youtu .wth100 .layui-input-inline { width: calc(100% - 70px);} 
.member .shenbao .review .comnr .imgs { float: right; width: 290px; margin: 18px auto 0 auto; border-radius: 4px; overflow: hidden;}
.member .shenbao .review .comnr .imgs img { display: block; width: 123px; height: 164px; padding: 5px; margin: 0 auto; border: 1px solid #eee; background: #fff;}
.member .shenbao .review .comnr .layui-btn { display: block; height: 45px; line-height: 45px; margin: 0 auto; padding: 0 30px; margin-top: 30px; border-radius: 4px;}
.member .shenbao .review .comnr .layui-form .nrmsg { padding: 20px 0 0 0;}
.member .shenbao .review .comnr .layui-table-cell { height: 50px;}
.member .zhanshi { width: 100%; overflow: hidden;}
.member .zhanshi .shenbao .comnr { height: 960px; overflow: hidden;}
.member .zhanshi .shenbao .comnr .msg { margin-bottom: 20px;}
.member .layui-form-checked[lay-skin="primary"] i { border-color: #c33b41; background-color: #c33b41;}
.layui-laydate .layui-laydate-main .layui-this { background-color: #c33b41 !important;}

.member .shenbao .review .tables { width: 100%; border: 1px solid #ddd; background: #fff; overflow: hidden;}
.member .shenbao .review .tables .mr { width: calc(100% + 13px); height: 835px; overflow-y: scroll;}
.member .shenbao .review .tables .mr h2 { line-height: 55px; font-weight: bold; font-size: 16px; color: #000; padding-left: 15px; border-right: 1px solid #ddd; background: #fafafa;}
.member .shenbao .review .tables .mr table { border-top: 1px solid #ddd;}
.member .shenbao .review .tables .mr th,
.member .shenbao .review .tables .mr td { line-height: 22px; font-size: 12px; color: #333; text-align: center; padding: 10px; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.member .shenbao .review .tables .mr th { color: #333;}
.member .shenbao .review .tables .mr td img { display: block; width: 123px; height: 164px; padding: 5px; margin: 0 auto; border: 1px solid #eee; background: #fff;}

.member .shenbao .review .layui-tabs { width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #fff;}
.member .shenbao .review .layui-tabs th,
.member .shenbao .review .layui-tabs td { min-height: 28px; line-height: 28px; font-size: 14px; color: #333; text-align: center; padding: 10px; border-right: 1px solid #eee;  border-bottom: 1px solid #eee;}
.member .shenbao .review .layui-tabs th { color: #333; background-color: #fafafa;}


/*考试*/
.bulks .tiku { width: 100%;}
.bulks .tiku .top-menu { height: 45px; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.bulks .tiku .top-menu .kstk-return { float: left; height: 45px; line-height: 45px; font-size: 14px; color: #fff; padding: 0 20px; border-radius: 2px; overflow: hidden; background: #c33b41;}
.bulks .tiku .top-menu .time { width: 50%; line-height: 40px; font-size: 22px; color: #ee4653; text-align: center; margin: auto; position: absolute; left: 0; right: 0; top: 0;}
.bulks .tiku .top-menu .time b { font-size: 26px; position: relative; top: 3px;}
.bulks .tiku .top-menu .scales { float: right;}
.bulks .tiku .top-menu .scales button { float: left; height: 33px; line-height: 33px; font-size: 14px; color: #666; margin: 10px 0 0 10px; padding: 0 15px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #f8f8f8;}

.bulks .tiku .warning { line-height: 30px; font-size: 16px; color: #ee4653; text-align: center; padding: 10px; border-radius: 4px; overflow: hidden; background: rgba(238,70,83,0.1);}

.bulks .tiku .tips { height: 50px; line-height: 50px; font-size: 14px; color: #666;}
.bulks .tiku .tips span { margin-right: 20px;}
.bulks .tiku .tips span i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; position: relative; top: 1px;}
.bulks .tiku .tips span .cor1 { border: 1px solid #c33b41; background: #c33b41;}
.bulks .tiku .tips span .cor2 { border: 1px solid #EE4653; background: #EE4653;}
.bulks .tiku .tips span .cor3 { border: 1px solid #FF9D1E; background: #FF9D1E;}
.bulks .tiku .tips span .cor4 { border: 1px solid #008aff; background: #008aff;}
.bulks .tiku .kstk-dati { width: 100%;}
.bulks .tiku .kstk-dati .ksdt-timu { width: 100%;}
.bulks .tiku .kstk-dati .ksdt-timu .left { float: left; width: 78%;}
.bulks .tiku .kstk-dati .ksdt-timu .left .studs { float: left; width: 200px; padding: 25px 15px 15px 15px; border: 1px solid #f5f7fb; background: #fafbfd;}
.bulks .tiku .kstk-dati .ksdt-timu .left .studs img { display: block; width: 110px; height: 110px; margin: 0 auto;}
.bulks .tiku .kstk-dati .ksdt-timu .left .studs h2 { line-height: 30px; font-size: 16px; color: #333; text-align: center; margin: 10px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #ebf0f9;}
.bulks .tiku .kstk-dati .ksdt-timu .left .studs p { line-height: 30px; font-size: 12px; color: #999;}
.bulks .tiku .kstk-dati .ksdt-timu .left .studs p span { color: #333; margin-right: 5px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk { float: right; width: calc(100% - 250px); position: relative;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-top { line-height: 35px; font-weight: bold; font-size: 16px; color: #333;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .biaoji { width: 29px; height: 35px; line-height: 25px; font-size: 11px; color: #666; cursor: pointer; text-align: center; border: 1px solid #ddd; background: #fff; position: absolute; right: 0;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .biaoji::after { display: block; content: ""; width: 20px; height: 20px; margin: auto; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 8px 0 0 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; position: absolute; left: 0; right: 0; top: 25px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .biaoji.on { color: #fff; border-color: #FF9D1E; background: #FF9D1E;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .biaoji.on::after { border-color: #FF9D1E;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main { width: calc(100% - 50px);}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label { display: flex; line-height:25px; font-weight: bold; font-size:14px; color:#333; margin-bottom: 15px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label b { /*float:left; width: 30px;*/}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label span { /*float: left;*/ font-weight: 500; color:#999;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label .fcj11  { flex: 1; /*float:left; width: calc(100% - 30px);*/}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label .fcj11 span,
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label .fcj11 > div,
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .form-label .fcj11 > div p { display: inline;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers { line-height: 35px; font-size: 14px; color: #666; padding: 0 0 25px 30px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers span { display: flex; flex-direction: row; align-items: center; width: 100%;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers span input,
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers span span { display: block; width: auto;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers span input { margin-right: 10px;}

.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers .form-label,
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers .form-label b { font-weight: 500;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers .layui-form-radio { color: #333; margin-top: 0;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers .layui-form-checked span,
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .asers .layui-form-checked:hover span { color: #fff;}
/*.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .question_nanswer { font-size: 14px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .question_nanswer span { float: left; color: #333; margin-right: 15px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .question_nanswer span input { margin-right: 5px; position: relative; top: 0;}*/
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .btn { display: inline-block; height: 40px; line-height: 40px; font-size: 16px; color: #fff; cursor: pointer; margin-left: 30px; padding: 0 25px; border-radius: 4px; background: #c33b41;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .cor1 { background: #ff9d1e;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .cor2 { background: #008aff;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .dats { line-height: 30px; font-size: 14px; color: #666; padding: 25px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .dats p { margin-bottom: 10px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .dats p b { font-size: 18px; color: #ee4653; margin-right: 20px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .dats p span { font-weight: bold; font-size: 18px; color: #c33b41; margin-right: 20px;}
.bulks .tiku .kstk-dati .ksdt-timu .left .sttk .sttk-main .dats p .red { color: red;}
.bulks .tiku .kstk-dati .ksdt-timu .right { float: right; width: calc(20% - 32px); padding: 15px; border: 1px solid #f5f7fb; background: #fafbfd;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts { margin-bottom: 15px;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts h2 { line-height: 30px; font-weight: bold; font-size: 14px; color: #333; margin-bottom: 10px;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li { float: left; width: calc(100% / 6); /*min-width: 40px;*/ text-align: center; margin: 0 5px 5px 0;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li span { display: block; height: 30px; line-height: 30px; font-size: 12px; color: #333; cursor: pointer; border: 1px solid #eee; background: #fff;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .red,
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .green,
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .biaoji,
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .blue { color: #fff;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .red { border-color: red; background-color: red;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .green { border-color: #c33b41; background-color: #c33b41;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .blue { border-color: #008aff; background-color: #008aff;}
.bulks .tiku .kstk-dati .ksdt-timu .right .mts li .biaoji { border-color: #FF9D1E; background-color: #FF9D1E;}

/*悬挂计算器*/
.calcus { width: 70px; height: 60px; line-height: 60px; font-size: 15px; color: #c33b41; text-align: center; border: none; border-radius: 4px; box-shadow: -3px 3px 10px rgba(0,0,0,0.1); background: #fff; position: fixed; right: 10px; top: 255px; z-index: 998;}
.ctanks { width: 235px; padding: 10px; border-radius: 4px; box-shadow: -2px 2px 5px rgba(0,0,0,0.05); overflow: hidden; background: #fff; position: absolute; right: 10px; top: 255px; z-index: 999;}
.ctanks .tit { height: 25px; line-height: 18px; font-size: 14px; color: #333; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.ctanks .close { width: 45px; height: 35px; background: #ee4653; position: absolute; right: 0; top: 0;}
.ctanks .close::after { display: block; content: "+"; width: 35px; height: 35px; line-height: 35px; font-size: 28px; color: #fff; text-align: center; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -2px; left: 8px; z-index: 2;}
.ctanks .nrs { width: 100%;}
.ctanks .nrs #counter-show { display: block; width: calc(100% - 20px); height: 30px; line-height: 30px; font-size: 16px; color: #666; outline: none; text-align: right; word-wrap: break-word; white-space: normal; word-break: break-all; padding: 10px 10px 0 10px; border: none; border-radius: 4px 4px 0 0; background: #f4f4f4;}
.ctanks .nrs .tolt { width: calc(100% - 20px); line-height: 35px; font-weight: bold; font-size: 28px; color: #000; text-align: right;word-break: break-all; padding: 10px; margin-bottom: 10px; border-radius: 0 0 4px 4px; background: #f4f4f4;}
.ctanks .nrs table { width: 100%; font-size: 28px; text-align: center; border-left: 1px solid #000; border-top: 1px solid #000; border-collapse: collapse;}
.ctanks .nrs td { width: 57.5px; height: 55px; cursor: pointer; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: wheat;}
.ctanks .nrs td:active { background-color: coral;}
.ctanks .nrs #counter-clear,
.ctanks .nrs #counter-del { font-size: 18px; color: #fff;}
.ctanks .nrs #counter-clear { background-color: #000;}
.ctanks .nrs #counter-del { background-color: red;}
.ctanks .nrs #counter-result,
.ctanks .nrs .aperation { color: #fff; background-color: rgb(245,146,62);}
.ctanks .nrs #ape { color: #000; background-color: wheat;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width: 100%; margin: 0 auto;}
.content .titnam { height: 50px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.content .titnam a { display: inline-block; height: 48px; line-height: 49px; font-size: 16px; color: #999; padding: 0 40px; border: 1px solid #fff; border-radius: 4px 4px 0 0;}
.content .titnam a.on { height: 49px; font-weight: bold; color: #c33b41; border-color: #eee; border-bottom-color: #fff; background: #fff;}
.content .layui-table thead tr { background-color: #fcfdff;}
.content .layui-table-cell { height: 45px; line-height: 35px; padding: 5px 10px;}
.content .layui-table-body td { font-size: 12px;}
.content .layui-table-body tr:hover { background-color: #fcfdff;}
.content .layui-btn-xs { height: 25px; padding: 0 10px;}


/*详情页公用*/
.lh { min-height: 150px; line-height:30px; font-size:14px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; text-align: center;}
.show_h3 h3 { line-height: 40px; font-size:24px; color:#333;}
.show_h3 p { line-height: 35px; font-size:12px; color:#999; margin:10px 0 20px 0; background: #f5f8fa;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#666;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#c33b41; text-decoration:underline;}
.show_sxp.nwxz p { float:left; width:calc(100% / 3);}
.show_sxp.nwxz p span a { color:#c33b41;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.layui-laypage .layui-laypage-curr .layui-laypage-em { background: #c33b41 !important;}
.scott { text-align:center; padding-top:20px; overflow:hidden;}
.scott li { display:inline-block; line-height:40px; margin:0 5px; border-radius:2px; overflow:hidden; background:#eee;}
.scott a,.scott span { display:block; padding:0px 20px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { background:#c33b41;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*弹框*/
.showvidtank { padding: 15px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #f4f4f4;}
.showvidtank .kcnrs { float: left; width: calc(100% - 340px); padding: 15px 20px; border-radius: 4px; overflow: hidden; background: #fff;}
.showvidtank .kcnrs .nr .tite { line-height: 40px; font-weight: bold; font-size: 24px; color: #333; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.showvidtank .kcnrs .nr .lh { min-height: 60px; margin-bottom: 10px;}

.showvidtank .kcmul { float: right; width: 280px; padding: 15px 0; border-radius: 4px; overflow: hidden; background: #fff;}
.showvidtank .kcmul h3 { line-height: 30px; font-weight: bold; font-size: 16px; color: #333; padding: 0 15px 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.showvidtank .kcmul .nr { width: calc(100% - 17px); max-height: 495px; padding: 0 15px; overflow-y: scroll;}
.showvidtank .kcmul .nr li { margin-bottom: 5px; position: relative;}
.showvidtank .kcmul .nr li h4 { line-height: 40px; font-weight: bold; font-size: 14px; color: #333; margin-bottom: 5px; border-bottom: 1px solid #eee;}
.showvidtank .kcmul .nr li p { line-height: 30px; font-size: 12px; color: #666; padding-left: 25px; border-bottom: 1px dashed #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative;}
.showvidtank .kcmul .nr li p::before,
.showvidtank .kcmul .nr li p::after { display: block; content: ""; background: #e6e6e6; position: absolute;}
.showvidtank .kcmul .nr li p::before { width: 1px; height: 30px; left: 5px; top: 0px;}
.showvidtank .kcmul .nr li p::after { width: 15px; height: 1px; left: 5px; top: 15px;}
.showvidtank .kcmul .nr li b { font-weight: 500; color: #c33b41; margin-left: 5px;}
.showvidtank .kcmul .nr li .red { color: #e00;}
.showvidtank .kcmul .nr .nr li:hover { color: #c33b41;}
.showvidtank .kcmul .nr .on { color: #c33b41;}

/*空*/
.cartkong { width:100%; text-align:center; padding-top:130px; margin:45px 0; background:url(../images/nocart.png) no-repeat center top;}
.cartkong p { line-height:30px; font-size:16px; color:#333;}
.cartkong a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:15px auto; border-radius:20px; background:#c33b41; -webkit-transition:all .5s ease; transition:all .5s ease;}
.cartkong a:hover { color:#fff; background:#c33b41;}

/*排行榜*/
.myrgt .yxtidx { width: 100%;}
.myrgt .yxtidx .tit { height: 30px; line-height: 30px; font-weight: bold; font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.myrgt .yxtidx .lst { width: 100%;}
.myrgt .yxtidx .lst li { float: left; width: calc(100% / 6 - 25px); margin: 0 30px 25px 0;}
.myrgt .yxtidx .lst li:nth-child(6n) { margin-right: 0;}
.myrgt .yxtidx .lst li h3 { height: 30px; line-height: 30px; font-size: 15px; color: #333; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.myrgt .yxtidx .lst li h3::after { display: block; content: ""; width: 3px; height: 13px; background: #c33b41; position: absolute; left: 0; top: 9px;}
.myrgt .yxtidx .lst li .nr { width: 100%; margin-top: 10px;}
.myrgt .yxtidx .lst li .nr p { display: flex; flex-direction: row; align-items: center; margin-bottom: 5px; padding: 5px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.myrgt .yxtidx .lst li .nr p b { display: block; width: 25px; height: 25px; line-height: 25px; font-weight: 500; font-size: 12px; color: #bbb; text-align: center; border-radius: 4px; overflow: hidden; background: #f4f4f4;}
.myrgt .yxtidx .lst li .nr p span { flex: 1 1 0%; display: block; height: 30px; line-height: 30px; font-size: 14px; color: #666; margin: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myrgt .yxtidx .lst li .nr p img { display: block; width: 30px; height: 30px; border: 1px solid #f5f7fa; border-radius: 4px; overflow: hidden;}
.myrgt .yxtidx .lst li .nr p:nth-child(1) b { color: #fd960c; background: #fef1d6;}
.myrgt .yxtidx .lst li .nr p:nth-child(2) b { color: #829fba; background: #f4f8fb;}
.myrgt .yxtidx .lst li .nr p:nth-child(3) b { color: #ca7425; background: #f9e4cd;}

/*我的课程*/
.myrgt .mycore { width: 100%; margin-bottom: 20px;}
.myrgt .mycore .tit { height: 30px; line-height: 30px; font-weight: bold; font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.myrgt .mycore .lst { width: 100%;}
.myrgt .mycore .lst { width: 100%;}
.myrgt .mycore .lst li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; position: relative;}
.myrgt .mycore .lst li:nth-child(4n) { margin-right: 0;}
.myrgt .mycore .lst li i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 12px; color: #fff; padding: 0 15px; border-radius: 0 0 4px 0; overflow: hidden; background-image: linear-gradient(to right,#45b0ac,#c33b41); position: absolute; left: 0; top: 0; z-index: 9;}
.myrgt .mycore .lst li .img { width: 100%; height: 165px; overflow: hidden;}
.myrgt .mycore .lst li .img img { display: block; width: 100%; min-height: 165px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.myrgt .mycore .lst li .msg { padding: 10px 15px; border-radius: 0 0 4px 4px; overflow: hidden; background: #f5f7fa;}
.myrgt .mycore .lst li .msg h3 { line-height: 25px; font-weight: bold; font-size: 16px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.myrgt .mycore .lst li .msg p { line-height: 22px; font-size: 12px; color: #999;}
.myrgt .mycore .lst li .msg p span { color: #666;}
.myrgt .mycore .lst li .msg .botm { text-align: right; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee;}
.myrgt .mycore .lst li .msg .botm a { display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding: 0 20px; border-radius: 4px; background: #c33b41; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.myrgt .mycore .lst li:hover .img img { transform: scale(1.1,1.1);}
.myrgt .mycore .lst li:hover .msg h3 { color: #c33b41;}

/*课程详情*/
.courshow { width: 100%;}
.courshow .titnam { width: 100%; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.courshow .titnam h2 { line-height: 30px; font-weight: bold; font-size: 22px; color: #333;}
.courshow .titnam p { height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.courshow .lh { width: 100%; line-height: 25px; font-size: 14px; color: #333;}
.courshow .lh img { display: block; width: 100%; margin: 15px 0;}
.courshow .fujian { width: 100%; margin-top: 15px;}
.courshow .fujian h3 { height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; color: #333;}
.courshow .fujian .msg { width: 100%;}
.courshow .fujian .msg p { height: 30px; line-height: 30px; font-size: 14px; color: #c33b41;}
.courshow .video { width: 100%;}
.courshow .video video { display: block; width: 100%;}